<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>test of parsing with createWidget</title>
		<script type="text/javascript">
			var djConfig = {
				isDebug: true,
				parseWidgets: false
			};
		</script>
		<script type="text/javascript" src="../../dojo.js"></script>
		<script language="JavaScript" type="text/javascript">
			dojo.require("dojo.widget.FisheyeList");
		</script>
	</head>
	<body style="padding-left: 150px;">
		<h1>createWidget() parsing</h1>
		<p>
			This tests passing a dom node as the first argument to createWidget().
			Note that djConfig.parseWidgets==false, so that the widget markup in this file won't be parsed
			until createWidget() is told to explicitly do so.
		</p>
		<button onclick="dojo.widget.createWidget('toBeParsed');">click here to build the fisheye list</button>
		<p>HTML before</p>
		<p>HTML before</p>
		<div dojoType="FisheyeList"
			itemWidth="40" itemHeight="40"
			itemMaxWidth="150" itemMaxHeight="150"
			orientation="horizontal"
			effectUnits="2"
			itemPadding="10"
			attachEdge="center"
			labelEdge="bottom"
			id="toBeParsed"
		>

			<div dojoType="FisheyeListItem"
				id="item1"
				onclick="alert('click on' + this.caption + '(from widget id ' + this.widgetId + ')!');"
				caption="Item 1"
				iconsrc="images/fisheye_1.png">
			</div>

			<div dojoType="FisheyeListItem"
				caption="Item 2"
				iconsrc="images/fisheye_2.png">
			</div>

			<div dojoType="FisheyeListItem"
				caption="Item 3"
				iconsrc="images/fisheye_3.png">
			</div>

			<div dojoType="FisheyeListItem"
				iconsrc="images/fisheye_4.png">
			</div>

			<div dojoType="FisheyeListItem"
				caption="Really Long Item Label"
				iconsrc="images/fisheye_3.png">
			</div>

			<div dojoType="FisheyeListItem"
				iconsrc="images/fisheye_2.png">
			</div>

			<div dojoType="FisheyeListItem"
				iconsrc="images/fisheye_1.png">
			</div>
		</div>

		<p>HTML after</p>
		<p>HTML after</p>
		<p>HTML after</p>
	</body>
</html>
